$(function () {
  var currentPage = 1;
  var pageSize = 5;
  // 1- 获取分类数据并渲染
  function render() {
    $.ajax({
      url: '/category/querySecondCategoryPaging',
      data: {
        page: currentPage,
        pageSize: pageSize
      },
      dataType: 'json',
      success: function (info) {
        console.log(info);
        // 渲染
        $('tbody').html(template('tmp',info));
        setPage(info.total);
      }
    })
  }
  render();

  // 2-二级分类分页功能
  function setPage(total) {
     $('#paginator').bootstrapPaginator({
      bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
      currentPage: currentPage,//当前页
      totalPages: Math.ceil(total / pageSize),//总页数
      onPageClicked:function(event, originalEvent, type,page){
        //为按钮绑定点击事件 page:当前点击的按钮值
        currentPage = page;
        // 重新渲染
        render();
      }
     })
  }

  // 3- 填充下拉列表的数据
  $.ajax({
    url:'/category/queryTopCategoryPaging',
    data: {
      page: 1,
      pageSize: 100
    },
    dataType: 'json',
    success: function (info) {
      console.log(info);
      // 填充一级分类
      $('.dropdown-menu').html(template('tmp-cate',info));
    }
  });

  // 4- 点击下拉列表选项, 获取选项的值,赋值给按钮, 并保存当前数据的id
   $('.cate-list').on('click','a',function () {
    //  把当前a标签的文字赋值给按钮
     $('.title-text').text($(this).text());
    //  把当前a标签的id赋值给隐藏域
    $('[name="categoryId"]').val($(this).data('id'));
   });
   
  // 5- 单独上传图片到图片服务器 
  $('#file').fileupload({
    dataType: 'json',
    // 后台保存图片成功后的回调函数
    // e 事件对象
    // data 后台保存图片地址相关的信息
    done: function (e, data) {
    console.log(data.result.picAddr);
    var url = data.result.picAddr;
    //根据图片地址实现图片预览
    $('#img').attr('src',url);
    //把图片服务器保存的地址 赋值给隐藏域
    $('[name="brandLogo"]').val(url);
    }
  })
})